﻿@model LoginViewModel
@{
	Layout = null;
}
<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8">
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<title>后台登录</title>
	<link rel="icon" href="">
	<!--[if lt IE 9]>
	<script type="text/javascript" src="~/plugins/html5shiv.js"></script>
	<script type="text/javascript" src="~/plugins/respond.min.js"></script>
	<![endif]-->
	<link href="~/plugins/layuiadmin/layui/css/layui.css" rel="stylesheet" type="text/css" />
	<link href="~/plugins/layuiadmin/style/login.css" rel="stylesheet" type="text/css" />
	<style>
		/* 覆盖原框架样式 */
		.layui-elem-quote {
			background-color: inherit !important;
			font-size: 18pt;
		}

		.layui-input, .layui-select, .layui-textarea {
			background-color: inherit;
			padding-left: 30px;
		}
	</style>
	<!--[if IE 6]>
	<script type="text/javascript" src="~/plugins/DD_belatedPNG_0.0.8a-min.js" ></script>
	<script>DD_belatedPNG.fix('*');</script>
	<![endif]-->
</head>
<body>
	<input type="hidden" id="TenantId" name="TenantId" value="" />
	<div class="layui-fluid">
		<div class="layui-row layui-col-space15">
			<div class="layui-col-sm12 layui-col-md12 zyl_mar_01">
				<blockquote class="layui-elem-quote">捷翔管理系统</blockquote>
			</div>
		</div>
	</div>
	<div class="layui-row">
		<div class="layui-col-sm12 layui-col-md12">
			<div class="layui-carousel zyl_login_height" id="zyllogin" lay-filter="zyllogin">
				<div carousel-item="">
					<div>
						<div class="zyl_login_cont"></div>
					</div>
					<div>
						<img src="/plugins/layuiadmin/style/res/carousel/01.jpg" style="width:100%;" />
					</div>
					<div>
						<div class="background">
							<span></span><span></span><span></span>
							<span></span><span></span><span></span>
							<span></span><span></span><span></span>
							<span></span><span></span><span></span>
						</div>
					</div>
					<div>
						<img src="/plugins/layuiadmin/style/res/carousel/03.jpg" style="width:100%;" />
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="layui-row">
		<div class="layui-col-sm12 layui-col-md12 zyl_center zyl_mar_01">
			© 2020 - 捷翔管理系统
		</div>
	</div>
	<!-- LoginForm -->
	<div class="zyl_lofo_main">
		<fieldset class="layui-elem-field layui-field-title zyl_mar_02">
			<legend>欢迎登录 - 捷翔管理系统</legend>
		</fieldset>
		<div class="layui-row layui-col-space15">
			<form class="layui-form zyl_pad_01" asp-controller="Home" asp-action="Login">
				<div class="layui-col-sm12 layui-col-md12">
					<div class="layui-form-item">
						<input asp-for="AdminName" type="text" lay-verify="required" autocomplete="off" placeholder="账号" class="layui-input">
						<i class="layui-icon layui-icon-username zyl_lofo_icon"></i>
					</div>
				</div>
				<div class="layui-col-sm12 layui-col-md12">
					<div class="layui-form-item">
						<input asp-for="AdminPassword" type="password" lay-verify="required" autocomplete="off" placeholder="密码" class="layui-input">
						<i class="layui-icon layui-icon-password zyl_lofo_icon"></i>
					</div>
				</div>
				<div class="layui-col-sm12 layui-col-md12">
					<div class="layui-row">
						<div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
							<div class="layui-form-item">
								<input asp-for="ValidateCode" type="text" lay-verify="required" autocomplete="off" placeholder="验证码" class="layui-input" maxlength="4">
								<i class="layui-icon layui-icon-vercode zyl_lofo_icon"></i>
							</div>
						</div>
						<div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
							<img src="/Common/ValidateCode" title="看不清？点击更换" onclick="this.src = this.src + '?'" class="zyl_lofo_vercode zylVerCode" style="vertical-align:middle;">
						</div>
					</div>
				</div>
				<div class="layui-col-sm12 layui-col-md12">
					<button type="submit" class="layui-btn layui-btn-fluid" lay-submit="" lay-filter="btnSubmit">立即登录</button>
				</div>
				<div class="layui-col-sm12 layui-col-md12">
					<span style="color:red; font-size:18px;padding-top:10px;display: block;">@Html.ValidationSummary(true)</span>
				</div>
			</form>
		</div>
	</div>
	<!-- LoginForm End -->

	<script type="text/javascript" src="~/lib/jquery/dist/jquery.min.js"></script>
	<script type="text/javascript" src="~/plugins/layuiadmin/layui/layui.js"></script>
	<script type="text/javascript" src="~/plugins/jqarticle/jparticle.js"></script>
	<script type="text/javascript" src="~/lib/jquery-validation/dist/jquery.validate.js"></script>
	<script type="text/javascript" src="~/lib/jquery-validation/dist/messages_cn.js"></script>
	<script type="text/javascript" src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.js"></script>
	<script>
		layui.use(['carousel', 'form'], function () {
			var carousel = layui.carousel
				, form = layui.form;

			//监听提交
			//form.on('submit(btnSubmit)', function (data) {
			//	layer.alert(JSON.stringify(data.field), {
			//		title: '最终的提交信息'
			//	})
			//	return false;
			//});


			//设置轮播主体高度
			var zyl_login_height = $(window).height() / 1.3;
			var zyl_car_height = $(".zyl_login_height").css("cssText", "height:" + zyl_login_height + "px!important");


			//Login轮播主体
			carousel.render({
				elem: '#zyllogin'//指向容器选择器
				, width: '100%' //设置容器宽度
				, height: 'zyl_car_height'
				, arrow: 'always' //始终显示箭头
				, anim: 'fade' //切换动画方式
				, autoplay: true //是否自动切换false true
				, arrow: 'hover' //切换箭头默认显示状态||不显示：none||悬停显示：hover||始终显示：always
				, indicator: 'none' //指示器位置||外部：outside||内部：inside||不显示：none
				, interval: '5000' //自动切换时间:单位：ms（毫秒）
			});

			//监听轮播--案例暂未使用
			carousel.on('change(zyllogin)', function (obj) {
				var loginCarousel = obj.index;
			});

			//粒子线条
			$(".zyl_login_cont").jParticle({
				background: "rgba(0,0,0,0)",//背景颜色
				color: "#fff",//粒子和连线的颜色
				particlesNumber: 100,//粒子数量
				//disableLinks:true,//禁止粒子间连线
				//disableMouse:true,//禁止粒子间连线(鼠标)
				particle: {
					minSize: 1,//最小粒子
					maxSize: 3,//最大粒子
					speed: 30,//粒子的动画速度
				}
			});

		});

	</script>
</body>
</html>